<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>vue-moogoos</title>
    <link href="./lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/index.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="./lib/bootstrap/js/html5shiv.js"></script>
    <script src="./lib/bootstrap/js/respond.js"></script>
    <![endif]-->
</head>
<body>
<div id="header" class="navbar navbar-default navbar-fixed-top">
    <div class="container navs">
        <div class="row">
            <div class="col-md-8">logo</div>
            <div class="col-md-4">
                <div id="login" class="col-md-5 btn btn-success marginTop8" data-toggle="modal" data-target="#myLogin">登录</div>
                <div id="signin" class="col-md-5 col-lg-offset-2 btn btn-primary marginTop8" data-toggle="modal" data-target="#mySingnin">注册</div>
            </div>
        </div>

    </div>
</div>
<div id="loText"></div>
<!--登录模态框-->
<div id="myLogin" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">欢迎登录</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="loginUser" class="col-sm-2 control-label">用户名</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="loginUser" placeholder="用户名">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="loginPassword" class="col-sm-2 control-label">密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="loginPassword" placeholder="密码">
                        </div>
                    </div>
                </form>
            </div>
            <div class="text-center" style="padding: 10px 0">
                <button type="button" class="btn btn-primary" id="modelLogin">登录</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
<!--注册模态框-->
<div id="mySingnin" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">欢迎注册</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="singninUser" class="col-sm-2 control-label">用户名</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="singninUser" placeholder="用户名">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="singninPassword" class="col-sm-2 control-label">密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="singninPassword" placeholder="密码">
                        </div>
                    </div>
                </form>
            </div>
            <div class="text-center" style="padding: 10px 0">
                <button type="button" class="btn btn-primary" id="modelSingin">注册</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
<script src="./lib/bootstrap/js/jquery1.12.4.min.js"></script>
<script src="./lib/bootstrap/js/bootstrap.js"></script>
<script src="js/index.js"></script>
</body>
</html>